<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>蓝信生产管理系统</title>
<meta name="description" content="overview &amp; stats" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

<!-- 丁宇梁引用css -->
		<link rel="stylesheet" href="plugins/time_picker/lyz.calendar.css" />
		<link rel="stylesheet" href="plugins/ace/assets/css/chosen.css" />
		<link rel="stylesheet" href="plugins/ace/assets/css/datepicker.css" />
		<link rel="stylesheet" href="plugins/ace/assets/css/bootstrap-timepicker.css" />
		<link rel="stylesheet" href="plugins/ace/assets/css/daterangepicker.css" />
		<link rel="stylesheet" href="plugins/ace/assets/css/bootstrap-datetimepicker.css" />
<!-- 引用结束 -->
<!-- 丁宇梁引用js -->
		<script src="plugins/time_picker/lyz.calendar.min.js" type="text/javascript"></script>
<!-- 引用结束 -->
<!-- bootstrap & fontawesome -->
<link rel="stylesheet" href="plugins/ace/assets/css/bootstrap.css" />
<link rel="stylesheet" href="plugins/ace/assets/css/font-awesome.css" />
<link rel="stylesheet" href="plugins/ace/assets/css/jquery-ui.css" />
<link rel="stylesheet" href="plugins/ace/assets/css/bootstrap-timepicker.css" />

<link rel="stylesheet" href="plugins/ace/assets/css/bootstrap-datetimepicker.css" />
<link rel="stylesheet"
	href="plugins/laypage-v1.3/laypage/skin/laypage.css" />

<link rel="stylesheet" href="plugins/ace/assets/css/ui.jqgrid.css" />
<!--~~~~-->

<!-- page specific plugin styles -->
<!-- text fonts -->
<link rel="stylesheet" href="plugins/ace/assets/css/ace-fonts.css" />

<!-- ace styles -->
<link rel="stylesheet" href="plugins/ace/assets/css/ace.css"
	class="ace-main-stylesheet" id="main-ace-style" />

<link rel="stylesheet" href="plugins/layer/skin/layer.css">
<link rel="stylesheet" href="plugins/layer/skin/layer.ext.css">
<!-- //zTree_v3 -->
<link rel="stylesheet"
	href="plugins/zTree_v3/css/metroStyle/metroStyle.css" type="text/css">
<link rel="stylesheet"
	href="plugins/zTree_v3/css/zTreeStyle/zTreeStyle.css" type="text/css">
<style type="text/css">
.ztree li span.button.add {
	margin-left: 2px;
	margin-right: -1px;
	background-position: -144px 0;
	vertical-align: top;
	*vertical-align: middle
}
</style>

<!--[if lte IE 9]>
			<link rel="stylesheet" href="plugins/ace/assets/css/ace-part2.css" class="ace-main-stylesheet" />
		<![endif]-->

<!--[if lte IE 9]>
		  <link rel="stylesheet" href="plugins/ace/assets/css/ace-ie.css" />
		<![endif]-->

<!-- inline styles related to this page -->

<!-- ace settings handler -->
<script src="plugins/ace/assets/js/ace-extra.js"></script>
<script src="plugins/ace/assets/js/jquery1x.js"></script>

<script src="plugins/laypage-v1.3/laypage/laypage.js"></script>
<script src="plugins/echart/echarts-all.js" type="text/javascript"></script>
<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->
<!--[if lte IE 8]>
		<script src="plugins/ace/assets/js/html5shiv.js"></script>
		<script src="plugins/ace/assets/js/respond.js"></script>
		
		<![endif]-->
<style type="text/css">
.ztree span {
	font-size: 15px;
	height: 2em;
}

.ztree li {
	margin-top: 5px;
}
</style>
</head>

<body class="no-skin">
	<!-- #section:basics/navbar.layout -->
	<div id="navbar" class="navbar navbar-default">
		<script type="text/javascript">
			try {
				ace.settings.check('navbar', 'fixed')
			} catch (e) {
			}
		</script>

		<div class="navbar-container" id="navbar-container">
			<button type="button" class="navbar-toggle menu-toggler pull-left"
				id="menu-toggler" data-target="#sidebar">
				<span class="sr-only">Toggle sidebar</span> <span class="icon-bar"></span>
				<span class="icon-bar"></span> <span class="icon-bar"></span>
			</button>

			<!-- /section:basics/sidebar.mobile.toggle -->
			<div class="navbar-header pull-left">
				<!-- #section:basics/navbar.layout.brand -->
				<a href="" class="navbar-brand"> <small> <i
						class="fa fa-leaf"></i> 蓝信生产管理系统 </small> </a>

				<!-- /section:basics/navbar.layout.brand -->

				<!-- #section:basics/navbar.toggle -->

				<!-- /section:basics/navbar.toggle -->
			</div>

			<!-- #section:basics/navbar.dropdown -->
			<div class="navbar-buttons navbar-header pull-right"
				role="navigation">
				<ul class="nav ace-nav">
					<li class="grey ">
					<a data-toggle="dropdown"
						class="dropdown-toggle" href="#"> <i
							class="ace-icon fa fa-tasks"></i> 
							<span class="badge badge-grey">2</span>
					</a>

						<ul
							class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header"><i class="ace-icon fa fa-check"></i>
								2个未完成任务</li>

							<li class="dropdown-content">
								<ul class="dropdown-menu dropdown-navbar">
									<li><a href="#">
											<div class="clearfix">
												<span class="pull-left">任务1</span> <span class="pull-right">65%</span>
											</div>

											<div class="progress progress-mini">
												<div style="width:65%" class="progress-bar"></div>
											</div> </a></li>

									<li><a href="#">
											<div class="clearfix">
												<span class="pull-left">任务2</span> <span class="pull-right">90%</span>
											</div>

											<div class="progress progress-mini progress-striped active">
												<div style="width:90%"
													class="progress-bar progress-bar-success"></div>
											</div> </a></li>
								</ul></li>

							<li class="dropdown-footer"><a href="#"> 查看任务细节 <i
									class="ace-icon fa fa-arrow-right"></i> </a></li>
						</ul></li>

					<li class="purple "><a data-toggle="dropdown"
						class="dropdown-toggle" href="#"> <i
							class="ace-icon fa fa-bell icon-animated-bell"></i> <span
							class="badge badge-important">1</span> </a>

						<ul
							class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header"><i
								class="ace-icon fa fa-exclamation-triangle"></i> 1个提醒</li>

							<li class="dropdown-content">
								<ul class="dropdown-menu dropdown-navbar navbar-pink">
									<li><a href="#">
											<div class="clearfix">
												<span class="pull-left"> <i
													class="btn btn-xs no-hover btn-info fa fa-twitter"></i> 提醒2
												</span> <span class="pull-right badge badge-info">+11</span>
											</div> </a></li>
								</ul></li>

							<li class="dropdown-footer"><a href="#"> 查看所有任务提醒 <i
									class="ace-icon fa fa-arrow-right"></i> </a></li>
						</ul></li>

					<li class="green "><a data-toggle="dropdown"
						class="dropdown-toggle" href="#"> <i
							class="ace-icon fa fa-envelope icon-animated-vertical"></i> <span
							class="badge badge-success">1</span> </a>

						<ul
							class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header"><i
								class="ace-icon fa fa-envelope-o"></i> 1个消息</li>

							<li class="dropdown-content">
								<ul class="dropdown-menu dropdown-navbar">
									<li><a href="#" class="clearfix"> <img
											src="plugins/ace/assets/avatars/avatar.png" class="msg-photo"
											alt="Alex's Avatar" /> <span class="msg-body"> <span
												class="msg-title"> <span class="blue">A:</span> 消息1 </span>

												<span class="msg-time"> <i
													class="ace-icon fa fa-clock-o"></i> <span>一个月前</span> </span> </span> </a></li>

									<li><a href="#" class="clearfix"> <img
											src="plugins/ace/assets/avatars/avatar3.png"
											class="msg-photo" alt="Susan's Avatar" /> <span
											class="msg-body"> <span class="msg-title"> <span
													class="blue">B:</span> 消息2 </span> <span class="msg-time">
													<i class="ace-icon fa fa-clock-o"></i> <span>10:09
														.pm</span> </span> </span> </a></li>
								</ul></li>

							<li class="dropdown-footer"><a href="inbox.html"> 查看所有消息
									<i class="ace-icon fa fa-arrow-right"></i> </a></li>
						</ul></li>

					<!-- #section:basics/navbar.user_menu -->
					<li class="light-blue"><a data-toggle="dropdown" href="#"
						class="dropdown-toggle"> <img class="nav-user-photo"
							src="plugins/ace/assets/avatars/user.jpg" alt="Jason's Photo" />
							<span class="user-info"> <small>欢迎您</small> <#if
								(session["user"])?exists> ${session["user"].name!} </#if> </span> <i
							class="ace-icon fa fa-caret-down"></i> </a>

						<ul
							class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
							<li><a href="javascript:personInfo()"> <i
									class="ace-icon fa fa-user"></i> 查看个人资料 </a></li>
							<li><a href="javascript:updatePerson()"> <i
									class="ace-icon fa fa-cog"></i> 修改登录密码 </a></li>
							<li class="divider"></li>

							<li><a href="logout"> <i
									class="ace-icon fa fa-power-off"></i> 退出 </a></li>
						</ul></li>

					<!-- /section:basics/navbar.user_menu -->
				</ul>
			</div>
			<!-- /section:basics/navbar.dropdown -->
		</div>
		<!-- /.navbar-container -->
	</div>
	<!-- /section:basics/navbar.layout -->
	<div class="main-container" id="main-container">
		<script type="text/javascript">
			try {
				ace.settings.check('main-container', 'fixed')
			} catch (e) {
			}
		</script>
		<div id="sidebar" class="sidebar responsive">
			<script type="text/javascript">
				try {
					ace.settings.check('sidebar', 'fixed')
				} catch (e) {
				}
			</script>

			<div class="sidebar-shortcuts" id="sidebar-shortcuts">
				<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
					<button class="btn btn-success" id="signout" title="注销">
						<i class="ace-icon fa fa-sign-out"></i>
					</button>

					<button class="btn btn-info" id="changePass" title="修改密码"
						onclick="updatePerson()">
						<i class="ace-icon fa fa-pencil-square-o "></i>
					</button>

					<!-- #section:basics/sidebar.layout.shortcuts -->
					<button class="btn btn-warning" id="console" title="控制台">
						<i class="ace-icon fa fa-tachometer"></i>
					</button>

					<button class="btn btn-danger" id="flush" title="刷新">
						<i class="ace-icon fa fa-refresh"></i>
					</button>

					<!-- /section:basics/sidebar.layout.shortcuts -->
				</div>

				<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
					<span class="btn btn-success"></span> <span class="btn btn-info"></span>

					<span class="btn btn-warning"></span> <span class="btn btn-danger"></span>
				</div>
			</div>
			<!-- /.sidebar-shortcuts -->

			<ul class="nav nav-list" id="topTree">
				<li class="active"><a href="index"> <i
						class="menu-icon fa fa-tachometer"></i> <span class="menu-text">
							首页 </span> </a></li>
			</ul>
			<!-- /.nav-list -->

			<!-- #section:basics/sidebar.layout.minimize -->
			<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
				<i class="ace-icon fa fa-angle-double-left"
					data-icon1="ace-icon fa fa-angle-double-left"
					data-icon2="ace-icon fa fa-angle-double-right"></i>
			</div>

			<!-- /section:basics/sidebar.layout.minimize -->
			<script type="text/javascript">
				try {
					ace.settings.check('sidebar', 'collapsed')
				} catch (e) {
				}
			</script>
		</div>
		<!-- /section:basics/sidebar -->
		<div class="main-content">
			<div id="main-content-inner"></div>
		</div>
		<!-- /.main-content -->
		<div class="footer">
			<div class="footer-inner">
				<!-- #section:basics/footer -->
				<div class="footer-content">
					<span class="bigger-120"> <span class="red">蓝信生产管理系统</span>
						&copy;2017 </span> &nbsp; &nbsp;版本：v2017-8-10
				</div>

				<!-- /section:basics/footer -->
			</div>
		</div>

		<a href="#" id="btn-scroll-up"
			class="btn-scroll-up btn btn-sm btn-inverse"> <i
			class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i> </a>
	</div>
	<!-- /.main-container -->
	<!-- basic scripts -->
	<!--[if !IE]> -->
	<script type="text/javascript">
		window.jQuery
				|| document
						.write("<script src='plugins/ace/assets/js/jquery.js'>"
								+ "<"+"/script>");
	</script>

	<!-- <![endif]-->

	<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='plugins/ace/assets/js/jquery1x.js'>"+"<"+"/script>");
</script>
<![endif]-->
	<script type="text/javascript">
		if ('ontouchstart' in document.documentElement)
			document
					.write("<script src='plugins/ace/assets/js/jquery.mobile.custom.js'>"
							+ "<"+"/script>");
	</script>

	<script src="plugins/ace/assets/js/bootstrap.js"></script>
	<script src="plugins/ace/assets/js/jquery-ui.js"></script>
	<script src="plugins/ace/assets/js/jquery.ui.touch-punch.js"></script>

	<!-- page specific plugin scripts -->
	<script src="plugins/ace/assets/js/dataTables/jquery.dataTables.js"></script>
	<script
		src="plugins/ace/assets/js/dataTables/jquery.dataTables.bootstrap.js"></script>
	<script
		src="plugins/ace/assets/js/dataTables/extensions/TableTools/js/dataTables.tableTools.js"></script>
	<script
		src="plugins/ace/assets/js/dataTables/extensions/ColVis/js/dataTables.colVis.js"></script>

	<!-- ace scripts -->
	<script src="plugins/ace/assets/js/ace/elements.scroller.js"></script>
	<script src="plugins/ace/assets/js/ace/elements.colorpicker.js"></script>
	<script src="plugins/ace/assets/js/ace/elements.fileinput.js"></script>
	<script src="plugins/ace/assets/js/ace/elements.typeahead.js"></script>
	<script src="plugins/ace/assets/js/ace/elements.wysiwyg.js"></script>
	<script src="plugins/ace/assets/js/ace/elements.spinner.js"></script>
	<script src="plugins/ace/assets/js/ace/elements.treeview.js"></script>
	<script src="plugins/ace/assets/js/ace/elements.wizard.js"></script>
	<script src="plugins/ace/assets/js/ace/elements.aside.js"></script>
	<script src="plugins/ace/assets/js/ace/ace.js"></script>
	<script src="plugins/ace/assets/js/ace/ace.ajax-content.js"></script>
	<script src="plugins/ace/assets/js/ace/ace.touch-drag.js"></script>
	<script src="plugins/ace/assets/js/ace/ace.sidebar.js"></script>
	<script src="plugins/ace/assets/js/ace/ace.sidebar-scroll-1.js"></script>
	<script src="plugins/ace/assets/js/ace/ace.submenu-hover.js"></script>
	<script src="plugins/ace/assets/js/ace/ace.widget-box.js"></script>
	<script src="plugins/ace/assets/js/ace/ace.settings.js"></script>
	<script src="plugins/ace/assets/js/ace/ace.settings-rtl.js"></script>
	<script src="plugins/ace/assets/js/ace/ace.settings-skin.js"></script>
	<script src="plugins/ace/assets/js/ace/ace.widget-on-reload.js"></script>
	<script src="plugins/ace/assets/js/ace/ace.searchbox-autocomplete.js"></script>

	<script src="plugins/ace/assets/js/jqGrid/jquery.jqGrid.src.js"></script>
	<!-- ~~ -->
	<script src="plugins/ace/assets/js/jqGrid/i18n/grid.locale-cn.js"></script>
	<!-- ~~ -->

	<script src="plugins/ace/assets/js/jquery.autosize.js"></script>

	<!-- the following scripts are used in demo only for onpage help and you don't need them -->
	<link rel="stylesheet"href="plugins/ace/assets/css/ace.onpage-help.css" />
	<script src="plugins/layer/layer.js"></script>
	<script src="plugins/layer/extend/layer.ext.js"></script>
	<!-- <script type="text/javascript" src="plugins/layer/extend/layer.ext.js"></script>   -->
	<script type="text/javascript"
		src="plugins/artDialog/jquery.artDialog.js?skin=twitter"></script>
	<script type="text/javascript"
		src="plugins/artDialog/plugins/iframeTools.js"></script>

	<script type="text/javascript" src="plugins/echart/echarts.js"></script>
	<script type="text/javascript"
		src="plugins/zTree_v3/js/jquery.ztree.core-3.5.js"></script>
	<script type="text/javascript"
		src="plugins/zTree_v3/js/jquery.ztree.excheck-3.5.js"></script>
	<script type="text/javascript"
		src="plugins/zTree_v3/js/jquery.ztree.exedit-3.5.js"></script>

	<script type="text/javascript"
		src="plugins/My97DatePicker/WdatePicker.js"></script>
		<script src="plugins/ace/assets/js/date-time/bootstrap-datepicker.js"></script>
		<script src="plugins/ace/assets/js/date-time/bootstrap-timepicker.js"></script>
		<script src="plugins/ace/assets/js/date-time/moment.js"></script>
		<script src="plugins/ace/assets/js/date-time/daterangepicker.js"></script>
		<script src="plugins/ace/assets/js/date-time/bootstrap-datetimepicker.js"></script>
	<script src="js/jquery-form.js" type="text/javascript"></script>
	<script src="js/jquery.myLayout.js"></script>
	<script src="js/jquery.myTree.js"></script>
	
	<!-- 丁宇梁引用js -->
	
	
	
	
	
	
	
	
	<div class="hide" id="update">
		<form id="pform">
			<div class="form-group">
				<label class="col-sm-3 control-label no-padding-right"
					for="form-field-1">请输入原密码</label>
				<div class="col-sm-9">
					<input type="text" class="form-control" value="" name="ystr" id="str"/>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label no-padding-right"
					for="form-field-1">请输入新密码</label>
				<div class="col-sm-9">
					<input type="password" class="form-control" name="str" id="str1"
						value="" />
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label no-padding-right"
					for="form-field-1">请再一次输入新密码</label>
				<div class="col-sm-9">
					<input type="password" class="form-control" name="str2" id="str2"
						value="" />
				</div>
			</div>
		</form>
	</div>

	<!-- 显示用户信息 -->
	<div class="hide" id="upcp">
		<form class="form-horizontal" id="uppform" method="post">
			<br> <label
				class="col-sm-12  col-md-12 col-xs-12 col-lg-4  control-label no-padding-right"
				for="form-field-1">用户名</label>
			<div class="col-sm-12 col-md-12 col-xs-12 col-lg-6">
				<input type="text" readonly class="form-control" id="username" />
			</div>
			<label
				class="col-sm-12  col-md-12 col-xs-12 col-lg-4  control-label no-padding-right"
				for="form-field-1">姓名</label>
			<div class="col-sm-12 col-md-12 col-xs-12 col-lg-6">
				<input type="text" readonly class="form-control" id="name" />
			</div>
			<label
				class="col-sm-12  col-md-12 col-xs-12 col-lg-4  control-label no-padding-right"
				for="form-field-1">性别</label>
			<div class="col-sm-12 col-md-12 col-xs-12 col-lg-6">
				<input type="text" readonly class="form-control" id="gender" />
			</div>
		</form>
	</div>
	<script type="text/javascript">
		var $url = window.location.hash;
		$.get("act/getMenuList", function(data) {
			$("#topTree").toTree(data.content, "0");
			$.onHeaderClick();
		});
		/* $url = 'polls/listByPageAndPoliceId'; */
		$.updateByUrl($url.substr(1));
		window.onhashchange = function() {
			$.updateByUrl(window.location.hash.substr(1));
		};
	</script>
	<script type="text/javascript">
		function updatePerson() {
			document.getElementById("pform").reset();
			$('#update').removeClass("hide");
			userModel = layer.open({
				type : 1,
				shade : [ 0.5 ],
				title : '修改密码', //不显示标题
				area : [ '40%', '250px' ],
				content : $('#update'), //捕获的元素
				btn : [ '确认', '取消' ],
				yes : function(index, layero) { //或者使用btn1
					var str = $("#str").val();
					var str1 = $("#str1").val();
					var str2 = $("#str2").val();
					$.post("act/mmpd", {"str" : str}, function(data) {
						if (data == 'true') {
							if (str1.length < 6) {								//密码长度的检验
								if(str1 ==""){									//判断是否输入新的密码
									layer.msg("请输入要更该的新密码!");
									return;
								}
								if(str2 ==""){									//判断是否重复输入新密码
									layer.msg("请确认更改的新密码!");
									return;
								}
								layer.msg("密码太短，请重新输入!");
								return;
							}else{
								if(str1 != str2){								//输入的密码是否想通
									layer.msg("请检验两次输入的密码是否相同!");
									return;
								}else{
									$.post("act/uppass", {"password" : str1}, function(data) {
										if(data=='true')
											layer.msg("密码修改成功!");
										layer.close(index);
										$('#update').addClass("hide");
									});
								}
							}
						} else {
							layer.msg("原密码错误!请重新输入.");
							return;
						}
					});
				},
				cancel : function(index) {
					layer.close(index);
					$('#update').addClass("hide");
				},
			});
		};
		function personInfo() {
			$.get("act/getuser", {
				"num" : 0
			}, function(data) {
				$("#username").val(data.username);
				$("#name").val(data.name);
				$("#gender").val(data.gender);

				$('#upcp').removeClass("hide");
				userModel = layer.open({
					type : 1,
					shade : [ 0.5 ],
					title : '用户个人信息', //不显示标题
					area : [ '30%', '300px' ], //显示空间
					content : $('#upcp'), //捕获的元素
					btn : [ '确定' ],
					yes : function(index, layero) { //或者使用btn1
						layer.close(index);
						$('#upcp').addClass("hide"); //取消继续隐藏
					},
				});

			});
		};
	</script>
</body>
</html>
<script type="text/javascript">
	$("#signout").click(function() {
		//询问框
		layer.confirm('确定是否退出？', {
			btn : [ '确定', '取消' ]
		//按钮
		}, function() {
			window.location.href = "logout";
		}, function() {
			layer.msg("已取消");
		});
	});
	$("#console").click(function() {
		window.location.href = "index";
	});
	$("#flush").click(function() {
		window.location.reload(true);
	});
</script>